<#if articles??>
	<#if articles.title??>
        <div class="interior-header">
            <h2 class="full-h">${articles.title}</h2>
            <#if articles.description??><p class="intheader-paragraph">${articles.description}</p></#if>
        </div>
    </#if>
    <div class="interior-content">
        <#if articles.assets?size == 0>
            ${msg('list.none')}
        <#else>
				<ul class="services-wrapper">
					<#list articles.assets as article>        	    
						<li class="featured-news">
						<div class="control"><@markContent id=article.id  nestedMarker="true" /></div>
							<h3><a href="<@makeurl asset=article/>">${article.title!article.name}</a></h2>
							<span class="newslist-date"> <!-- From <a href="<@makeurl section=article.containingSection/>">${article.containingSection.title}</a> --> <#if article.properties['ws:publishedTime']??> ${article.properties['ws:publishedTime']?string(msg('date.format'))}</#if></span>
							
							<div class="featured-news-body">
								<#if article.relatedAssets['ws:primaryImage']??>             
									<#assign image=article.relatedAssets['ws:primaryImage'][0]>             
									<a title="Link to news article" href="<@makeurl asset=article/>">
										<img src="<@makeurl asset=image rendition='mediumNewsThumbnail'/>" alt="${image.title!article.title!article.name}" class="left-img" />
									</a>
								</#if>
								<p>${article.description!''}</p>
							</div>
						</li>
					</#list>
				</ul>
    	</#if>
    </div>
</#if>
